<!doctype html>
<html lang="en">
<head>
    <script type="text/javascript" src=".././static/js/public-head.js"></script>


    <script>
        $(function() {

        })
    </script>
</head>

<body>


<div  class="layui-row layui-col-space10">
    <div class="layui-col-md6">
        <div class="layui-card" >
            <div class="layui-card-body" style="overflow:auto"  id="role-form-dom" >
                <form class="layui-form" action="" lay-filter="role-form">
                    <div class="layui-form-item" style="margin-bottom: 0px">
                        <div class="layui-inline" style="margin-bottom: 0px">
                            <label class="layui-form-label">角色管理</label>
                            <div class="layui-input-inline" style="width:140px;">
                                <select name="roleType" id="roleType"   xm-select="roleType" xm-select-radio=""  >
                                    <option value="FUNC_ROLE" selected="selected">功能角色</option>
                                    <option value="DATA_ROLE">数据角色</option>
                                </select>
                            </div>
                        </div>

                        <div class="layui-inline" style="width:100px;margin-bottom: 0px">
                            <button class="layui-btn layui-btn-sm" lay-submit  lay-filter="role-add">
                                添加
                            </button>
                        </div>
                    </div>
                </form>
                <hr>
                <table lay-filter="role-list" id="role-list" ></table>
            </div>
        </div>
    </div>
    <div class="layui-col-md6">
        <div class="layui-card">
            <div class="layui-card-header">角色-权限管理</div>
            <div style="overflow:auto" class="layui-card-body eleTree" lay-filter="data-list" id="data-list">

            </div>
        </div>
    </div>
</div>

</body>
</html>


<script type="text/javascript" src="js/roleList.js"></script>
